.cq-menu--horizontal {
	> .cq-menu--list {
		display: flex;
		flex-wrap: nowrap;
	}

	// 二级导航
	.cq-menu--container {
		&:hover {
			> .is-level-2 {
				transform: scaleY(1);
				transition: transform 0.3s;

				> .cq-menu--list {
					opacity: 1;
					transform: translate(0, 0);
					transition: all 0.2s 0.3s;
				}
			}
		}
	}
	.is-level-2 {
		position: absolute;
		top: calc(100% + 5px);
		left: 0;
		z-index: 2;
		width: auto;
		min-width: 130%;
		border-radius: 2px;
		background-color: var(--color-bg);
		box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 10%);
		transform-origin: top center;
		transform: scaleY(0);
		transition: transform 0.3s 0.2s;

		> .cq-menu--list {
			opacity: 0;
			transform: translate(0, -20px);
			transition: all 0.2s;

			> .cq-menu--item {
				border-bottom: 1px solid #eee;
			}
		}

		// 三级导航显示
		.cq-menu--container {
			&:hover {
				.is-level-3 {
					display: block;
				}
			}
		}
	}

	// 三级导航
	.is-level-3 {
		display: none;
		position: absolute;
		top: 0;
		left: calc(100% + 5px);
		z-index: 3;
		width: auto;
		min-width: 130%;
		border-radius: 2px;
		background-color: var(--color-bg);
		box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 10%);
	}
}
